<!DOCTYPE html>
<html class="app">
<head>
    <meta charset="utf-8" />
    <title>直播监测平台</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="../../public/default/common/css/jplayer.flat.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/animate.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/font.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/app.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/component.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/main.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/common/css/pogo-slider.min.css" type="text/css" />
    <link rel="stylesheet" href="../../public/default/source/css/menu.css" type="text/css" />

    <!--[if lt IE 9]>
    <!--<script src="js/ie/html5shiv.js"></script>-->
    <!--<script src="js/ie/respond.min.js"></script>-->
    <!--<script src="js/ie/excanvas.js"></script>-->
    <!--[endif]-->

    <style>
        img {
            max-width: 290px;
            height: 162px;
        }
        body{
            background:#fff url(../../public/default/common/images/background.png) no-repeat left top;
            background-size:100%;
        }
        /*观众举报边框特效*/
        .aa, .aa::before, .aa::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .aa {
            width: 200px;
            height: 140px;
            margin: 10px 5px 0px 5px;
            color: red;
            box-shadow: inset 0 0 0 0px rgba(255, 0, 0, 0.5);
        }
        .aa::before, .aa::after {
            content: '';
            z-index: -1;
            margin: -3%;
            box-shadow: inset 0 0 0 2px;
            animation: clipMe 8s linear infinite;
        }
        .aa::before {
            animation-delay: -4s;
        }
        .aa:hover::after, .aa:hover::before {
            background-color: rgba(255, 0, 0, 0.3);
        }

        @keyframes clipMe {
            0%, 100% {
                clip: rect(0px, 220.0px, 2px, 0px);
            }
            25% {
                clip: rect(0px, 2px, 220.0px, 0px);
            }
            50% {
                clip: rect(218.0px, 220.0px, 220.0px, 0px);
            }
            75% {
                clip: rect(0px, 220.0px, 220.0px, 218.0px);
            }
        }
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }
        /*AI识别边框特效1*/
        .bb, .bb::before, .bb::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .bb {
            width: 200px;
            height: 140px;
            margin: 10px 5px 0px 5px;
            color: yellow;
            box-shadow: inset 0 0 0 0px rgba(255, 250, 0, 0.5);
        }
        .bb::before, .bb::after {
            content: '';
            z-index: -1;
            margin: -3%;
            box-shadow: inset 0 0 0 2px;
            animation: clipMe 8s linear infinite;
        }
        .bb::before {
            animation-delay: -4s;
        }
        .bb:hover::after, .bb:hover::before {
            background-color: rgba(255, 255, 0, 0.3);
        }

        @keyframes clipMe {
            0%, 100% {
                clip: rect(0px, 220.0px, 2px, 0px);
            }
            25% {
                clip: rect(0px, 2px, 220.0px, 0px);
            }
            50% {
                clip: rect(218.0px, 220.0px, 220.0px, 0px);
            }
            75% {
                clip: rect(0px, 220.0px, 220.0px, 218.0px);
            }
        }
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }
    </style>
    <!--数据条-->
    <style type="text/css">
        .progress_bar .pro-bar {
            background: hsl(0, 0%, 97%);
            box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
            height:4px;
            width:150px;

            margin-bottom: 12px;
            margin-top: 50px;
            position: relative;
        }
        .progress_bar .progress_bar_title{
            /*color: hsl(218, 4%, 50%);*/
            color: #D5D6E2;
            font-size: 15px;
            font-weight: 300;
            position: relative;
            top: -28px;
            z-index: 1;
        }
        .progress_bar .progress_number{
            float: right;
            margin-top: -24px;
        }
        .progress_bar .progress-bar-inner {
            background-color: hsl(0, 0%, 88%);
            display: block;
            width: 0;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: width 1s linear 0s;
            animation: animate-positive 2s;
        }
        .progress_bar .progress-bar-inner:before {
            content: "";
            background-color: hsl(0, 0%, 100%);
            border-radius: 50%;
            width: 4px;
            height: 4px;
            position: absolute;
            right: 1px;
            top: 0;
            z-index: 1;
        }
        .progress_bar .progress-bar-inner:after {
            content: "";
            width: 14px;
            height: 14px;
            background-color: inherit;
            border-radius: 50%;
            position: absolute;
            right: -4px;
            top: -5px;
        }
        @-webkit-keyframes animate-positive{
            0% { width: 0%; }
        }
        @keyframes animate-positive{
            0% { width: 0%; }
        }
    </style>
</head>

<body>
    <header class="" id="hit_area" onmouseover="toggleDown();" style="height:38px;width: 100%;margin: 0px;padding: 0px;display: block;">
        <div id="menu_holder" style="height: 58px;width: 100%;display: block;position: absolute;top: -58px;background-color: #000033;" >
            <ul class="nav navbar-nav hidden-xs">
                <li>
                    <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
                        <i class="fa fa-indent text"></i>
                        <i class="fa fa-dedent text-active"></i>
                    </a>
                </li>
            </ul>
            <ul class="menu_ul" >
                <li><a class="menu" href="">监管中心</a></li>
                <li><a class="menu" href="">监控管理</a></li>
                <li><a class="menu" href="">违规管理</a></li>
            </ul>
            <form class="suo_form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search">
                <div class="form-group" style="border: 1px solid rgba(35,84,150,0.4); border-radius:10px;box-shadow: 0 0 3px #000;">
                    <div class="input-group" >
                            <span class="input-group-btn" >
                                <button type="submit" class="btn btn-sm bg-white btn-icon rounded" style="background-color:transparent">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                        <input type="text" class="form-control input-sm no-border rounded" placeholder="Search"  style="background-color:transparent">
                    </div>
                </div>
            </form>
            <div class="navbar-right ">
                <ul class="nav navbar-nav m-n hidden-xs nav-user user">
                    <li class="hidden-xs">
                        <a href="#" class="clearfixzz" data-toggle="dropdown">
                            <i class="icon-bell"></i>
                            <span class="badge badge-sm up bg-danger count">2</span>
                        </a>
                        <section class="dropdown-menu aside-xl animated fadeInUp">
                            <section class="panel bg-white">
                                <div class="panel-heading b-light bg-light">
                                    <strong>You have <span class="count">2</span> notifications</strong>
                                </div>
                                <div class="list-group list-group-alt">
                                    <a href="#" class="media list-group-item">
                                        <span class="pull-left thumb-sm">
                                          <img src="images/a0.png" alt="..." class="img-circle">
                                        </span>
                                        <span class="media-body block m-b-none">
                                          Use awesome animate.css<br>
                                          <small class="text-muted">10 minutes ago</small>
                                        </span>
                                    </a>
                                    <a href="#" class="media list-group-item">
                                        <span class="media-body block m-b-none">
                                          1.0 initial released<br>
                                          <small class="text-muted">1 hour ago</small>
                                        </span>
                                    </a>
                                </div>
                                <div class="panel-footer text-sm">
                                    <a href="#" class="pull-right"><i class="fa fa-cog"></i></a>
                                    <a href="#notes" data-toggle="class:show animated fadeInRight">See all the notifications</a>
                                </div>
                            </section>
                        </section>
                    </li>
                    <li class="dropdown"> <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown"> <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm"> <img src="images/a0.png" alt="..." /> </span> John.Smith <b class="caret"></b> </a>
                        <ul class="dropdown-menu animated fadeInRight">
                            <li> <span class="arrow top"></span> <a href="#">Settings</a> </li>
                            <li> <a href="profile.html">Profile</a> </li>
                            <li> <a href="#"> <span class="badge bg-danger pull-right">3</span> Notifications </a> </li>
                            <li> <a href="docs.html">Help</a> </li>
                            <li class="divider"></li>
                            <li> <a href="modal.lockme.html" data-toggle="ajaxModal">Logout</a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <div class="vbox" id="hit_area2" onmouseover="toggleUp();">
        <section >
            <section class="hbox stretch">
                <!-- .aside -->
                <aside class="bg-black dk aside hidden-print" id="nav" style="border: 1px solid rgba(35,84,150,0.4); border-radius:10px;box-shadow: 0 0 3px #000">
                    <section class="vbox">
                        <section class="w-f-md scrollable">
                            <div class="slim-scroll" data-height="auto" data-disable-fade-out="ture" data-distance="0" data-size="10px" data-railopacity="0.2">
                                <!-- nav -->
                                <nav class="nav-primary hidden-xs">
                                    <ul class="nav bg clearfix">
                                        <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted"> </li>
                                        <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted"> </li>
                                        <li>  <b class="badge bg-primary number pull-right">6</b><button class="md-trigger md-setperspective font-bold" data-modal="modal-3">类目</button></li>
                                        <li>  <b class="badge bg-primary number pull-right">6</b><button class="md-trigger md-setperspective font-bold" data-modal="modal-4">平台</button></li>
                                        <li>  <b class="badge bg-primary number pull-right">6</b><button class="md-trigger md-setperspective font-bold" data-modal="modal-5">分类</button></li>
                                        <li>  <b class="badge bg-primary number pull-right">6</b><button class="md-trigger md-setperspective font-bold" data-modal="modal-6">房间</button></li>
                                        <li class="m-b hidden-nav-xs"></li>
                                        <li class="m-b hidden-nav-xs"></li>
                                    </ul>

                                </nav>
                                <!-- / nav -->
                                <!--数据条-->
                                <div class="daterow hidden-nav-xs">
                                    <div class="col-md-6 ">
                                        <div class="progress_bar">
                                            <div class="pro-bar">
                                                <small class="progress_bar_title">
                                                    游戏总直播量/违规量
                                                    <span class="progress_number">89%</span>
                                                </small>
                                                <span class="progress-bar-inner" style="background-color: #1abc9c; width: 89%;" data-value="89" data-percentage-value="89"></span>

                                            </div>
                                        </div>

                                        <div class="progress_bar">
                                            <div class="pro-bar">
                                                <small class="progress_bar_title">

                                                    <span class="progress_number">75%</span>
                                                </small>
                                                <span class="progress-bar-inner" style="background-color:  #ed687c; width: 75%;" data-value="75" data-percentage-value="75"></span>
                                            </div>
                                        </div>

                                        <div class="progress_bar">
                                            <div class="pro-bar">
                                                <small class="progress_bar_title">
                                                    美食总直播量/违规量
                                                    <span class="progress_number">65%</span>
                                                </small>
                                                <span class="progress-bar-inner" style="background-color: #1abc9c; width: 65%;" data-value="65" data-percentage-value="65"></span>
                                            </div>
                                        </div>

                                        <div class="progress_bar">
                                            <div class="pro-bar">
                                                <small class="progress_bar_title">

                                                    <span class="progress_number">95%</span>
                                                </small>
                                                <span class="progress-bar-inner" style="background-color: #ed687c; width: 95%;" data-value="95" data-percentage-value="95"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>

                    </section>
                </aside>

                <!-- /.aside -->
                <section id="content">
                    <section class="hbox stretch">
                        <section class="vbox" >
                            <section class="scrollable padder-lg w-f-md" id="bjax-target">
                                <div class="row row-sm" style="margin:0px 5px 5px 5px;border: 1px solid rgba(35,84,150,0.4); border-radius:10px;box-shadow: 0 0 3px #000">
                                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                        <div class="pogoSlider" id="demo1">
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/1.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/2.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/3.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                        <div class="pogoSlider" id="demo2">
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/1.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/3.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/2.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                        <div class="pogoSlider" id="demo3">
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/2.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/1.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/3.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                        <div class="pogoSlider" id="demo4">
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/2.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/3.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/1.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                        <div class="pogoSlider" id="demo5">
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/3.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/1.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/2.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                        <div class="pogoSlider" id="demo6">
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/3.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/2.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                            <div class="pogoSlider-slide" data-transition="fade">
                                                <a href="#"><img src="../../public/default/common/images/1.jpg" alt="" class="r r-2x img-full"></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row" style="border: 1px solid rgba(35,84,150,0.4); border-radius:10px;box-shadow: 0 0 3px #000">
                                    <div class="col-md-7">
                                        <div class="row row-sm">
                                            <div class="demo" style="margin-left:130px">
                                                <div id="map"><div id="Tracer">
                                                    <div class="ring"></div>
                                                    <div class="ring"></div>
                                                </div></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </section>
                        </section>
                        <!-- side content -->
                        <aside class="aside-md dk" id="sidebar" style="border: 1px solid rgba(35,84,150,0.4); border-radius:10px;box-shadow: 0 0 3px #000">
                            <h4 class="font-thin m-l-md m-t" style="font-weight: bolder;color: red;margin-left: 80px;">违规告警</h4>
                            <section class="vbox animated fadeInRight">
                                <section class="w-f-md scrollable hover">
                                    <ul class="list-group no-bg no-borders auto m-t-n-xxs js-slide-list">
                                        <li class="list-group-item">
                                            <div class="aa"  style="background: url(../../public/default/common/images/1.jpg) no-repeat 50%/100% rgba(0, 0, 0, 0.1);">
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="bb" style=" background: url(../../public/default/common/images/2.jpg) no-repeat 50%/100% rgba(0, 0, 0, 0.1);">
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="aa" style=" background: url(../../public/default/common/images/3.jpg) no-repeat 50%/100% rgba(0, 0, 0, 0.1);">
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="bb" style=" background: url(../../public/default/common/images/4.jpg) no-repeat 50%/100% rgba(0, 0, 0, 0.1);">
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="aa" style=" background: url(../../public/default/common/images/5.jpg) no-repeat 50%/100% rgba(0, 0, 0, 0.1);">
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="bb" style=" background: url(../../public/default/common/images/3.jpg) no-repeat 50%/100% rgba(0, 0, 0, 0.1);">
                                            </div>
                                        </li>
                                    </ul>
                                </section>
                            </section>
                        </aside>
                        <!-- / side content -->
                    </section>
                    <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
                </section>
            </section>
        </section>
    </div>

    <div class="md-modal md-effect-3" id="modal-3">
        <div class="md-content">
            <h3>类目</h3>
            <div>
                <span>游戏</span><br>
                <span>美食</span>
                <button class="md-close">Close me!</button>
            </div>
        </div>
    </div>
    <div class="md-modal md-effect-3" id="modal-4">
        <div class="md-content">
            <h3>平台</h3>
            <div>
                <span>游戏</span><br>
                <span>美食</span>
                <button class="md-close">Close me!</button>
            </div>
        </div>
    </div>
    <div class="md-modal md-effect-3" id="modal-5">
        <div class="md-content">
            <h3>分类</h3>
            <div>
                <span>游戏</span><br>
                <span>美食</span>
                <button class="md-close">Close me!</button>
            </div>
        </div>
    </div>
    <div class="md-modal md-effect-3" id="modal-6">
        <div class="md-content">
            <h3>直播</h3>
            <div>
                <span>游戏</span><br>
                <span>美食</span>
                <button class="md-close">Close me!</button>
            </div>
        </div>
    </div>
    <div class="md-overlay"></div><!-- the overlay element -->

<script type="text/javascript" src="../../public/default/common/js/raphael.js"></script>
<script type="text/javascript" src="../../public/default/common/js/chinamapPath.js"></script>
<script src="../../public/default/common/js/modernizr.custom.js"></script>
<script src="../../public/default/common/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../../public/default/common/js/bootstrap.js"></script>
<!-- App -->
<script src="../../public/default/common/js/app.js"></script>
<script src="../../public/default/common/js/jquery.slimscroll.min.js"></script>
<script src="../../public/default/common/js/app.plugin.js"></script>
<script type="text/javascript" src="../../public/default/common/js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="../../public/default/common/js/jplayer.playlist.min.js"></script>
<script type="text/javascript" src="../../public/default/common/js/demo.js"></script>

<script src="../../public/default/common/js/modernizr.custom.js"></script>

<script>
  /*无缝向上滚动*/
    var doscroll = function(){
        var $parent = $('.js-slide-list');
        var $first = $parent.find('li:first');
        var height = $first.height();
        $first.animate({
            marginTop: -height + 'px'
        }, 500, function() {
            $first.css('marginTop', 0).appendTo($parent);
        });
    };
    setInterval(function(){doscroll()}, 5000);
</script>

<!--地图-->
<script type="text/javascript">
    window.onload = function () {
        var R = Raphael("map", 600, 500);
        //调用绘制地图方法
        paintMap(R);

        var textAttr = {
            "fill": "#fff",
            "font-size": "12px",
            "cursor": "pointer"
        };

        for (var state in china) {
            china[state]['path'].color = Raphael.getColor(0.9);

            (function (st, state) {

                //获取当前图形的中心坐标
                var xx = st.getBBox().x + (st.getBBox().width / 2);
                var yy = st.getBBox().y + (st.getBBox().height / 2);

                //***修改部分地图文字偏移坐标
                switch (china[state]['name']) {
                    case "江苏":
                        xx += 5;
                        yy -= 10;
                        break;
                    case "河北":
                        xx -= 10;
                        yy += 20;
                        break;
                    case "天津":
                        xx += 10;
                        yy += 10;
                        break;
                    case "上海":
                        xx += 10;
                        break;
                    case "广东":
                        yy -= 10;
                        break;
                    case "澳门":
                        yy += 10;
                        break;
                    case "香港":
                        xx += 20;
                        yy += 5;
                        break;
                    case "甘肃":
                        xx -= 40;
                        yy -= 30;
                        break;
                    case "陕西":
                        xx += 5;
                        yy += 10;
                        break;
                    case "内蒙古":
                        xx -= 15;
                        yy += 65;
                        break;
                    default:
                }
                //写入文字
                china[state]['text'] = R.text(xx, yy, china[state]['name']).attr(textAttr);

                st[0].onmouseover = function () {
                    st.animate({fill: st.color, stroke: "#337fcc"}, 500);
                    china[state]['text'].toFront();
                    R.safari();
                };
                st[0].onmouseout = function () {
                    st.animate({fill: "transparent", stroke: "#337fcc"}, 500);
                    china[state]['text'].toFront();
                    R.safari();
                };

            })(china[state]['path'], state);
        }
    }
</script>

<!--弹出窗口-->
<script  type="text/javascript" src="../../public/default/common/js/classie.js"></script>
<script  type="text/javascript" src="../../public/default/common/js/modalEffects.js"></script>

<script>
    // this is important for IEs
    var polyfilter_scriptpath = '/js/';
</script>

<script src="../../public/default/common/js/cssParser.js"></script>
<script src="../../public/default/common/js/css-filters-polyfill.js"></script>

 <!--监控换面切换-->
<script src="../../public/default/common/js/jquery-1.11.1.min.js"></script>
<script src="../../public/default/common/js/jquery.pogo-slider.min.js"></script>
<script src="../../public/default/common/js/main.js"></script>

<!--菜单隐藏/显示-->
<script src="../../public/default/common/js/hide_menu.js"></script>
</body>
</html>